@charset "UTF-8";

a,
body,
div,
footer,
header,
img,
li,
nav,
p,
ul {
    margin: 0;
    padding: 0
}

a,
body,
div,
footer,
header,
img,
li,
nav,
p,
ul {
    -webkit-tap-highlight-color: transparent
}

footer,
header,
nav {
    display: block
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body {
    font: .26rem Helvetica Regular, Microsoft YaHei, sans-serif, Tahoma;
    color: #333
}

i {
    font-style: normal
}

ul {
    list-style: none
}

a {
    text-decoration: none;
    color: #333;
    font-family: STHeiti, 'Microsoft YaHei', Helvetica, Arial, sans-serif;
    outline: 0
}

a:active {
    text-decoration: none;
    color: #0068d7
}

img {
    border: none;
    -ms-interpolation-mode: bicubic
}

.clear:after {
    content: "";
    display: block;
    visibility: hidden;
    height: 0;
    clear: both
}

.clear {
    zoom: 1
}

#warp {
    min-width: 320px;
    max-width: 750px;
    margin: 0 auto;
    background: #fff;
    overflow: hidden;
    position: relative;
    font-size: .24rem;
    min-height: 100vh
}

.box_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.box_flex_1 {
    -webkit-box-flex: 1;
    box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

html {
    font-size: calc(100vw / 7.5)
}

@media (min-width:750px) {
    html {
        font-size: 100px
    }
}

@media (max-width:280px) {
    html {
        font-size: 35px
    }
}

.content {
    min-height: calc(100vh - 3.3rem);
    position: relative
}

.icoimg {
    background: url(../images/icoimg.png) no-repeat center;
    background-size: 4.41rem auto
}

.img {
    overflow: hidden
}

.img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.header_warp {
    position: relative
}

.header_warp .header_top {
    background: #fff;
    height: .97rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .25rem
}

.header_warp .header_top .flex {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    font-size: .3rem
}

.header_warp .header_top .flex .logo {
    margin: 0 auto
}

.header_warp .header_top .flex .bt {
    color: #fff;
    font-weight: 700;
    font-size: .3rem
}

.header_warp .header_top .flex .bt i {
    display: inline-block;
    vertical-align: middle;
    background: no-repeat center;
    margin: -.04rem .1rem 0 0;
    width: .4rem;
    height: .4rem;
    background-position: 0 0;
    background-size: 100% auto
}

.header_warp .header_top .flex .bt .ico1 {
    background-image: url(../images/icobt1.png)
}

.header_warp .header_top .flex .bt .ico2 {
    background-image: url(../images/icobt2.png)
}

.header_warp .header_top .logo img {
    width: 2.4rem
}

.header_warp .header_top .numbox {
    display: block;
    height: .4rem;
    width: .5rem;
    position: relative
}

.header_warp .header_top .numbox i {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: .36rem;
    width: .45rem;
    background-position: -1.2rem 0
}

.header_warp .header_top .numbox.on i {
    height: .23rem;
    width: .29rem;
    background-position: -.71rem 0
}

.header_warp .burger {
    display: none;
    position: absolute;
    top: .97rem;
    left: 0;
    width: 100%;
    height: calc(100vh - .97rem);
    overflow-y: auto;
    z-index: 1000;
    background: #fff
}

.header_warp .burger .scroll {
    padding-top: .1rem
}

.header_warp .burger .lis_box {
    width: 100%;
    overflow: hidden
}

.header_warp .burger .lis_box .bt {
    height: .6rem;
    line-height: .6rem;
    padding: 0 .2rem .1rem;
    font-size: .3rem;
    color: #222;
    font-weight: 700
}

.header_warp .burger .lis_box .bt .more {
    float: right;
    font-size: .2rem;
    color: #222;
    font-weight: 400
}

.header_warp .burger .lis_box .bt .more:hover {
    color: #0068d7
}

.header_warp .burger .item {
    padding: 0 .1rem .2rem
}

.header_warp .burger .item .lis {
    display: flex
}

.header_warp .burger .item .lis a {
    flex: 1;
    padding: 0 .1rem;
    text-align: center;
    line-height: .6rem
}

.header_warp .burger .item .lis .ico {
    width: .9rem;
    height: .8rem;
    position: relative;
    margin: 0 auto;
    display: block;
    overflow: hidden
}

.header_warp .burger .item .lis .ico i {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block
}

.header_warp .burger .item .lis .ico .ico1 {
    height: .74rem;
    width: .73rem;
    background-position: 0 -.98rem
}

.header_warp .burger .item .lis .ico .ico4 {
    height: .74rem;
    width: .75rem;
    background-position: -.88rem -1rem
}

.header_warp .burger .item .lis .ico .ico2 {
    height: .74rem;
    width: .77rem;
    background-position: -1.79rem -.99rem
}

.header_warp .burger .item .lis .ico .ico5 {
    background: url(../images/icorank.png) no-repeat center;
    background-size: 2.95rem .73rem;
    height: .73rem;
    width: .84rem;
    background-position: 0 0
}

.header_warp .burger .item .lis .ico .ico3 {
    height: .77rem;
    width: .78rem;
    background-position: -3.63rem -.99rem
}

.header_warp .burger .lis_box .lis {
    padding: 0 0 0 .2rem;
    width: 100%
}

.header_warp .burger .lis_box .lis a {
    width: 1.58rem;
    height: .63rem;
    border: solid 1px #b6b6b6;
    display: block;
    float: left;
    line-height: .63rem;
    border-radius: .1rem;
    margin: 0 .2rem .2rem 0;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.header_warp .burger .lis_box .lis a>* {
    display: block
}

.header_warp .burger .lis_box .lis a:active {
    border-color: #0068d7;
    color: #fff;
    background: #0068d7
}

.footer {
    background: #3c3c3c;
    padding: .2rem 0
}

.footer .text {
    color: #fff;
    padding: .2rem;
    line-height: .4rem;
    text-align: center
}

.footer .text a {
    color: #fff
}

.footer .text .img-text-warp {
    text-align: left;
    padding: .1rem .4rem
}

.footer .text .img-text-warp img {
    height: .8rem;
    margin-right: .2rem
}

.swiper_nav {
    height: .8rem;
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #f5f5f5
}

.swiper_nav .swiper-container {
    height: .8rem;
    margin: 0 .15rem
}

.swiper_nav .swiper-slide {
    width: auto;
    min-width: .8rem;
    margin-right: .25rem;
    line-height: .8rem;
    height: .8rem;
    position: relative;
    text-align: center
}

.swiper_nav .swiper-slide.on a {
    color: #0068d7
}

.swiper_nav .swiper-slide.on a i {
    background-position-y: -.42rem
}

.swiper_nav .swiper-slide.on a:after {
    width: 100%;
    content: '';
    height: .05rem;
    background: #0068d7;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 10px
}

.swiper_nav .swiper-slide a {
    display: inline-block;
    font-size: .28rem;
    position: relative;
    height: .8rem;
    font-weight: 400;
    padding: 0 .05rem
}

.swiper_nav.them1 {
    background-color: #0068d7
}

.swiper_nav.them1 .swiper-slide {
    color: #fff;
    flex: 1
}

.swiper_nav.them1 .swiper-slide a {
    color: #fff
}

.swiper_nav.them1 .swiper-slide a::after {
    display: none
}

.swiper_nav.them1 .swiper-slide.on {
    background: #5189e8
}

.warp404 {
    padding: 1rem .5rem;
    text-align: center
}

.warp404 img {
    display: block;
    margin: 0 auto;
    width: 90%
}

.warp404 p {
    line-height: .6rem;
    color: #626675
}

.hide {
    display: none
}

.hotzt {
    border-bottom: .12rem solid #e1e1e1;
    overflow: hidden;
    clear: both
}

.hotzt .hotztcon {
    height: 3.1rem;
    overflow: hidden;
    margin-top: .46rem;
    padding-bottom: .24rem
}

.hotzt .slide {
    margin: 0 .24rem;
    padding: 0 0 .46rem 0;
    overflow: hidden
}

.hotzt .slide ul {
    width: 100%;
    display: flex;
    white-space: nowrap;
    overflow-x: auto
}

.hotzt .slide li {
    width: 2.8rem;
    margin: 0 .2rem 0 0;
    float: left;
    position: relative
}

.hotzt .slide li img {
    display: block;
    height: 2.3rem;
    width: 2.8rem;
    border-radius: .2rem
}

.hotzt .slide li p {
    color: #666;
    text-align: center;
    font-size: .32rem;
    line-height: .7rem;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}